#header{
    width: 100%;
    height: 100px;
    background-image: linear-gradient(135deg,#aaeeff,#ffffff);
    text-align: center;
}
.center-position{
    display: inline-block;
}
#bodyer{
    width: 100%;
    height: 800px;
}
#main{
    float: left;
    width: 70%;
    height: 100%;
    background-image: linear-gradient(315deg,#ccffbb, #ffa9db);
    text-align: center;
}
#aside{

    height: 100%;
    background-image: linear-gradient(225deg,#ffffff,#ccffbb);
}
body{
    margin: auto  0;
}
.main-ul{
    width: 60%;
    display: inline-block;
}
.main-ul-li{
    list-style: none;
    margin: 0 0 30px 0;
}
.btncss{
    display: inline-block;
    background-color: #40af50;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 15px 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
}

.content{
   font: 14px/1.8 Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    text-align: center;
}
.post-header{
    text-align: left;
    font-size: 22px;
}
.post-body{
    text-align: left;
}
.post-footer{
    color: #808090;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: larger;
}
.blog-author{
    width: 20%;
    float: left;
}
.blog-browseNum{
    width: 25%;
    float: left;
}
.blog-praiseNum{
    width: 25%;
    float: left;
}
.blog-date{
}